<script>
	import COMM from "@/common/common.js";
	import {mapState,mapGetters,mapMutation,mapActions} from "vuex";
	export default {
		computed:{
			...mapState({
				sysInfo:state=>state.sys.sysInfo,
				nowNetType:state=>state.netWork.nowNetType,
				initInfo:state=>state.sys.initInfo,
				locationCity:state=>state.map.locationCity
			})
			
		},
		methods:{
			...mapActions({
				listenNetChange:"listenNetChange",
				getNetWorkType:"getNetWorkType",
			})
		},
		onLaunch: function() {
			
			
			uni.setStorageSync('xinqu',[])		//默认兴趣
			this.$store.dispatch("apiGetInit")   // 请求后台获取初始化信息
			this.getNetWorkType();		//获取网络状态
			this.listenNetChange()		//监听网络状态
			this.$store.dispatch('getLocationCity');		//获取定位
			
			
		},
		onShow: function() {
			console.log('App Show')
			this.$store.dispatch('changeRoads');		//获取定位
			
		
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style  >
	@import url('iconfont/iconfont.css');
	view{
		box-sizing: border-box;
	}
	
	.emptyBox{
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 110upx;
	}
	.emptyBox image{
		width: 220upx;
		height: 220upx;
		margin-bottom: 40upx;
	}
	.emptyBox text{
		font-size: 28upx;
		color: #c3c9d6;
	}
	
	.content{
		padding-left: 28upx;
		padding-right: 28upx;
		
	}
	.pageBack{
		background-color: #f4f4f4;
	}
	
	.rightBtnItem{
		display: flex;
		align-items: center;
		margin-left: 20upx;
	}
	.rightBtnItem .rightIcon {
		font-size: 40upx;
		margin-left: 20upx;
	}
	button:after{
		border: none;
		outline: none;
	}
	.couponTicket{
		display: flex;
		align-items: center;
		border: 4upx solid #fe1739;
		border-radius: 10upx;
		font-size: 28upx;
		color: #fe1739;
		padding: 6upx 20upx;
		position: relative;
		margin: 0 30upx;
		
	}
	.couponTicket .leftCircle{
		display: block;
		width: 20upx;
		height: 20upx;
		border-radius: 50%;
		border: 4upx solid #fe1739;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -10upx;
		margin-left: -10upx;
		background-color: #FFFFFF;
		border-bottom: 4upx solid #FFFFFF;
		border-left:  4upx solid #FFFFFF;
		transform: translateX(-4upx) rotate(45deg) ;
	}
	.couponTicket .rightCircle{
		display: block;
		width: 20upx;
		height: 20upx;
		border-radius: 50%;
		border: 4upx solid #fe1739;
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -10upx;
		margin-right: -10upx;
		background-color: #FFFFFF;
		border-top: 4upx solid #FFFFFF;
		border-right:  4upx solid #FFFFFF;
		transform: translateX(4upx) rotate(45deg) ;
	}
</style>
